const webpack = require('webpack')
module.exports = {
  lintOnSave: false,
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "windows.jQuery": "jquery"
      })
    ]
  },
  css: {
    extract: false,
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-plugin-px2rem')({
            rootValue: 75, // 换算基数， 默认100  ，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。
            // unitPrecision: 5, //允许REM单位增长到的十进制数字。
            // propWhiteList: [],  //默认值是一个空数组，这意味着禁用白名单并启用所有属性。
            // propBlackList: [], //黑名单
            exclude: /(node_module)/, // 默认false，可以（reg）利用正则表达式排除某些文件夹的方法，例如/(node_module)\/如果想把前端UI框架内的px也转换成rem，请把此属性设为默认值
            // selectorBlackList: [], //要忽略并保留为px的选择器
            // ignoreIdentifier: false,  //（boolean/string）忽略单个属性的方法，启用ignoreidentifier后，replace将自动设置为true。
            // replace: true, // （布尔值）替换包含REM的规则，而不是添加回退。
            mediaQuery: false, // （布尔值）允许在媒体查询中转换px。
            minPixelValue: 3 // 设置要替换的最小像素值(3px会被转rem)。 默认 0
          })
        ]
      }
    }
  },
  devServer: {
    disableHostCheck: true, // 禁用webpack热重载检查 解决热更新失效问题
    open: true,
    host: 'localhost',
    port: 8080,
    https: false,
    hotOnly: false,
    proxy: {
      /*
       * 配置跨域；配置多个跨域；
       * 需要重启，方能生效；
       */
      '/api': {
        target: 'https://gzh.mr.xliz.cn/api', // 跨域地址
        changeOrigin: true, // 是否跨域
        ws: true, // 是否使用https
        pathRewrite: {
          '^/api': ''
        }
      }
    },
    before: app => {}
  },
  /* 部署应用包的基本URL */
  /* baseUrl 从 Vue CLI 3.3 起已弃用 ，请使用publicPath */
  //  baseUrl: process.env.NODE_ENV === "production" ? "./" : "./",
  publicPath: './',

  /* 生产环境构建文件的目录 defalut: dist */

  outputDir: 'dist',

  /* 放置生成的静态文件目录（js css img） */

  assetsDir: 'static',

  /* 指定生成的index.html 输出路径 相对 default: index.html */

  indexPath: 'index.html',

  /* 指定生成文件名中包含hash default: true */

  filenameHashing: true
}
